.list {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.45333rem 0.4rem;
  background: url(../img/bg.jpeg) no-repeat;
  background-size: 100% 100%;
  overflow: scroll; }

.list span {
  vertical-align: middle; }

.list .list-item {
  margin-bottom: 0.53333rem; }

.list .list-item .date {
  font-size: 0.45333rem;
  color: #FFF; }

.list .list-item li {
  width: 100%;
  margin-top: 0.32rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.26667rem;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#EEEEEE), to(#FFFFFF));
  background-image: -webkit-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #EEEEEE 0%, #FFFFFF 100%);
  -webkit-box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.16rem;
  overflow: hidden; }

.list .list-item li .top {
  margin-bottom: 0.32rem; }

.list .list-item li .time {
  float: left;
  width: 2.18667rem;
  border-right: 1px solid #CCC;
  font-size: 0.37333rem;
  color: #999; }

.list .list-item li .time label {
  display: inline-block;
  width: 0.8rem; }

.list .list-item li .info {
  float: left;
  margin-left: 0.29333rem; }

.list .list-item li .info .type {
  font-size: 0.42667rem;
  color: #000; }

.list .list-item li .info .type label {
  margin-right: 0.93333rem; }

.list .list-item li .info .count {
  font-size: 0.37333rem;
  color: #000; }

.end {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #c8c7cc), to(#c8c7cc));
  background-image: -webkit-linear-gradient(bottom, #c8c7cc 100%, #c8c7cc 100%);
  background-image: linear-gradient(0deg, #c8c7cc 100%, #c8c7cc 100%); }
